<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <title>Happy Birthday</title>
 <link rel="stylesheet" href="css/jquery.fullPage.css">
 <link rel="stylesheet" href="css/style.css">
</head>

<body>
<div class="bgcolor">
  <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">小老妹！2岁生日快乐！</p>
              <p class="ly-stxt02">也许你并不是为我而生</p>
              <p class="ly-stxt03">可我却有幸与你相伴</p>
              <p class="ly-stxt04">愿我有生之年</p>
              <p class="ly-stxt05">年年为你点燃生日的烛焰</p>
            </div>
            <div class="ly-txt02">
                <p class="ly-stxt06">下面有请我的私人乐队</p>
                <p class="ly-stxt07">给我的宝演奏一曲！</p>
                <div class="ly-stxt08"><img class="zoomImage" src="./img/hc.jpg"alt=""/></div>
            </div>
        </div>
      </div> 

      <!--第二屏-->

      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
              <div class="ly-txt11">
                  2020-10-21
              </div>
              <div class="ly-txt12">
                  今天是个特别的一天
              </div>
              <div class="ly-txt12">
                <br><br><div style="border-left: 20px;">这个家伙出现了</div>
            </div>
              <div class="ly-imgbox11">
                <div style="padding-left: 100px;"><img class="ly-img11" src="./img/2-1.jpg"></div>
              </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12">
              <div class="ly-txt13">
                  2020-11-11（美女主动加微信！？）
              </div>
              <div class="ly-txt14">
                 <p><b>离大谱的开始</b>
			     <p>“哈喽表情包师兄”</p>
                 <p>“有空单词单挑”</p>
                 <p>此时爷的内心....mmp</p>
                  <p>stop！我需要缓一缓</p>
                  <p>我先去和世仪一起做一道导数题</p>
                  <p>-(cotx)'=1/(sinx)^2=(cscx)^2=1+(cotx)^2​</p>
                  <p>(arcsecx)'=1/(|x|(x^2-1)^1/2) </p>
                  <p>好过瘾，再来一道微积分吧！</p>
                  <p>∫1/√(x^2+a^2)dx=In(x+√(x^2+a^2))+c 26)∫1/√(x^2-a^2)dx=|In(x+√(x^2-a^2))|+c​</p>
              </div>
          </div>
          <div class="ly-triangle12"></div>
      </div>

      <!--第三屏-->
<!-- 
      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
              <div class="ly-txt21">
                  2020-12-24（平安夜）
              </div>
              <div class="ly-txt22">
                 <p> 世仪送我的第一个爱心礼物！</p>
                    <p>我马上消灭完了，很好吃，是饼干的味道</p>
                    <p>吃完后有你给的惊喜小纸条！超惊喜</p>
              </div>
              <div class="ly-imgbox21">
                <img class="ly-img21" src="./img/3-1.png">
              </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
              <div class="ly-txt23">
                  201X-1X-1X
              </div>
              <div class="ly-txt24">
                  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
              </div>
              <div class="ly-imgbox22">
                <img class="ly-img22" src="img/2014.12.19-1.png">
              </div>
          </div>
          <div class="ly-triangle22"></div>

           <div class="ly-box23">
              <div class="ly-txt25">
                  201X-1X-2X
              </div>
              <div class="ly-txt26">
                  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
              </div>
              <div class="ly-imgbox23">
                <img class="ly-img23" src="img/2014.12.20-1.jpg">
              </div>
          </div>
          <div class="ly-triangle23"></div>
      </div> -->

      <!--第四屏-->

      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint31"></div>
          <div class="ly-box31">
              <div class="ly-txt31">
                2020-12-24（平安夜）
              </div>
              <div class="ly-txt32">
                  <p>世仪送我的第一个爱心礼物！</p>
                  <p>我马上消灭完了，很好吃，是饼干的味道</p>
                  <p>吃完后有你给的惊喜小纸条！超惊喜</p>
              </div>
              <div class="ly-imgbox31">
                <img class="ly-img31" src="./img/3-1.png">
              </div>
          </div>
          <div class="ly-triangle31"></div>

          <div class="ly-box32">
              <div class="ly-txt33">
                  2021-1-3（第一次看电影）
              </div>
              <div class="ly-txt34">
                 <p>拎包狂魔上线了</p>
                 <p>ps：其实我也不知道为啥对你的包特别执着</p>
              </div>
              <div class="ly-imgbox31">
                <img class="ly-img31" src="./img/3-2.jpg">
              </div>
          </div>
          <div class="ly-triangle32"></div>
      </div> 

  <!--第五屏-->
  <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box52">
              <div class="ly-txt21">
                  2021-2-12<br/>（春节）
              </div>
              <div class="ly-txt22">
                 <p> 初次听到世仪唱歌</p>
				<p>当时你直接唱出声还真的吓着我了</p>
                <p>内心bb：大晚上大声唱歌确定不会被看成沙雕吗</p>
                <p>当时真的觉得你超级活泼，我超级喜欢哈哈哈</p>
                <p>这里就不放你的歌声啦</p>
                <p>此时中舟在偷偷听....</p>
              </div>
              <div class="ly-imgbox221">
                <img class="ly-img221" src="./img/5-1.jpg">
              </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
              <div class="ly-txt23">
                  2021-3-14<br/>（修成正果）
              </div>
              <div class="ly-txt51">
                  <p>我们终于牵手了！！！！</p>
				          <p>啊，原来女生的手这么软啊</p>
                          <p>后面知道了原来肚肚更软（狗头警告）</p>
              </div>
              <div class="ly-imgbox22">
                <img class="ly-img22" src="./img/5-2.jpg">
              </div>
          </div>
          <div class="ly-triangle22"></div>

           <div class="ly-box51">
              <div class="ly-txt25">
                  2021-2-20 — ∞
              </div>
              <div class="ly-txt26">
                  <p>我们一起慢慢地逛了好多地方</p>
				  <p>矮子山、省博、风云岭、白云山.....</p><br>
				  <p>也去了很多好玩的地方</p>
				  <p>龙洞小吃街、猫咖、宠博会、北京路.....</p><br>
                  <p>也一起去看过不少电影</p>
                  <p>心灵奇旅、我的姐姐、中国医生、长津湖.....</p><br>
                  <p>当然还有很多生活小日常哈哈哈</p>
                  <p>跟你在一起做什么都特别开心</p>
                  <p>ps：当然穿女装这些除外</p>
                  <p>一起做的这些点点滴滴让我更加确信</p>
                  <p>下辈子就你了，别人我不要！</p>
              </div>
              <!-- <div class="ly-imgbox23">
                <img class="ly-img23" src="img/2015.04.11-1.jpg">
              </div> -->
          </div>
          <div class="ly-triangle23"></div>
      </div>

  <!--第六屏-->
  <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
              <div class="ly-txt21">
                  2021年暑假
              </div>
              <div class="ly-txt22">
                 <p>世仪把我养得白白胖胖的哈哈哈</p>
                 <p>每次吃到我家宝给我带的饭真的</p>
                 <p>超级幸福！！！！！</p>
                 <p>小声bb：怎么可以一个人胖呢，我也得抓世仪一起胖</p>
              </div>
              <div class="ly-imgbox21">
                <img class="ly-img21" src="./img/6-1.png">
              </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
              <div class="ly-txt23">
                  每周四
              </div>
              <div class="ly-txt24">
                  <p> 养猪计划进行中...</p>
				 <p>漂亮居居</p>
				 <p>多吃不胖</p>
              </div>
              <div class="ly-imgbox222">
                <img class="ly-img222" src="./img/6-2.png">
              </div>
          </div>
          <div class="ly-triangle22"></div>

           <div class="ly-box23">
              <div class="ly-txt25">
                  我的宝
              </div>
              <div class="ly-txt61">
                  <p class="wwww1">不爱吃葱、香菜；晚上不爱吃饭</p>
				  <p class="wwww1">好吃咸口（超级能吃咸！），不太感冒甜的和酸的</p>
				  <p class="wwww1">喜欢板栗，不爱吃花生，写到这里，突然间很好奇碧根果、开心果吃不吃哈哈哈</p>
				  <p class="wwww1">驱猫体质，但是超级喜欢猫猫，腿越短越喜欢</p>
				  <p class="wwww1">喜欢喝红茶，单丛类特别喜欢（好像喜欢鸭屎来着？...狗头警告）</p>
				  <p class="wwww1">理科思维特别特别不行，一见到数学公式直接吓死（这里可以翻回第二页学数学）</p>
				  <p class="wwww1">表情包怪一个，整个手机都是你的表情包了哈哈哈，太可爱咯</p>
              </div><br/>
              <div class="ly-txt611"><br/>
                最后的最后<br/>
                我这个铁直男的表达能力真的不咋行，不太会写情话<br>
                没办法，就用余生去告诉你吧！<br>
                有幸相遇，一直合拍，望度余生
            </div>
          </div>
          <div class="ly-triangle23"></div>
      </div>

      <!--第七屏-->
    <!--   <div class="section">
          <div class="timeline"></div>
          <div class="timepoint71"></div>
          <div class="ly-box21 xx71">
              <div class="ly-txt21">
                  201X-0X-3X
              </div>
              <div class="ly-txt22">
                 <p> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              </div>
              <div class="ly-imgbox21">
                <img class="ly-img21" src="img/2015.05.31-1.png">
              </div>
          </div>
          <div class="ly-triangle21 xx72"></div>

          <div class="ly-box71">
              <div class="ly-txt23">
                  201X-0X-0X
              </div>
              <div class="ly-txt71">
                  <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              </div>
              <div class="ly-imgbox71">
                <img class="ly-img71" src="img/2015.06.02-1.jpg">
              </div>
          </div>
          <div class="ly-triangle22"></div>

           <div class="ly-box72">
              <div class="ly-txt25">
                  201X-0X-1X
              </div>
              <div class="ly-txt72">
                  <p>XXXXXXXXXXXXXXXX</p>
              </div>
              <div class="ly-imgbox72">
                <img class="ly-img72" src="img/2015.06.15-1.jpg">
              </div>
          </div>
          <div class="ly-triangle71"></div>

          <div class="ly-box73">
              <div class="ly-txt25">
                  201X-0X-1X
              </div>
              <div class="ly-txt73">
                  <p>XXXXXXXXXXXXXXXXXXXXX</p>
              </div>
              <div class="ly-imgbox73">
                <img class="ly-img73" src="img/2015.06.17-1.jpg">
              </div>
          </div>
          <div class="ly-triangle72"></div>
      </div>

      第八屏

      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
              <div class="ly-txt11">
                  201X-0X-1X
              </div>
              <div class="ly-txt82">
                  XXXXXXXXXXXXXXXXXXXXXXXXXX
              </div>
              <div class="ly-imgbox81">
                <img class="ly-img81" src="img/2015.06.18-1.PNG">
              </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
              <div class="ly-txt13">
                  2015-06-18
              </div>
              <div class="ly-txt84">
                 <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p class="wwww1">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              </div>
          </div>
          <div class="ly-triangle82"></div>
      </div>

      第九屏

<div class="section">
          <div class="timeline"></div>
          <div class="timepoint91"></div>
          <div class="ly-box21 xx91">
              <div class="ly-txt21">
                  201X-0X-2X
              </div>
              <div class="ly-txt90">
                 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              </div>
              <div class="ly-imgbox21 xx94">
                <img class="ly-img21" src="img/2015.06.24-1.jpg">
              </div>
          </div>
          <div class="ly-triangle21 xx92"></div>

          <div class="ly-box91">
              <div class="ly-txt23">
                  201X-0X-2X
              </div>
              <div class="ly-txt91">
                  <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              </div>
              <div class="ly-imgbox91">
                <img class="ly-img91" src="img/2015.06.24-3.jpg">
              </div>
          </div>
          <div class="ly-triangle22 xx92"></div>

           <div class="ly-box92">
              <div class="ly-txt25">
                  201X-0X-2X
              </div>
              <div class="ly-txt92">
                  <p>XXXXXXXXXX</p>
              </div>
              <div class="ly-imgbox92">
                <img class="ly-img92" src="img/2015.06.26-1.jpg">
              </div>
          </div>
          <div class="ly-triangle91"></div>

          <div class="ly-box93">
              <div class="ly-txt25">
                  201X-0X-2X
              </div>
              <div class="ly-txt93">
                  <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
              </div>
              <div class="ly-imgbox93">
                <img class="ly-img93" src="img/2015.06.26-2.jpg">
              </div>
          </div>
          <div class="ly-triangle92"></div>
      </div>
		第十屏

		      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
              <div class="ly-txt11">
                  201X-0X-0X
              </div>
              <div class="ly-txt82" style="top:8%">
                  <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
                  <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
                  <p class="wwww1">XXXXXXXXXXXXXXXXXXX/p>
				  <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
				  <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
				  <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
				  <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
              </div>
              <div class="ly-imgbox81">
                <img class="ly-img81" src="img/2016.04.04-1.jpg">
              </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
              <div class="ly-txt13">
                  201X-0X-1X
              </div>
              <div class="ly-txt84">
                 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
   				 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX。</p>
				 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p>可XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
				 <p>XXXXXXXXXXXXXXXXXXX</p>
              </div>
          </div>
          <div class="ly-triangle82"></div>
      </div>

       </div> -->
  <!--试验-->
  <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    
  </div>
  <audio src="music/1.mp3" autoplay="autoplay" loop="loop">

<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/diy.js"></script>
</body>
</html>